<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="inc_letter" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#"  >
                    <span id="main_menu_btn" class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#"  >
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--tab menu-->
        <div id="letter_header_menu" data-role="controlgroup" data-type="horizontal" class="info_menu">
            <a href="#" data-role="button"   data-theme="d">부킹<span class="count_01">0</span> </a>
            <a href="#" data-role="button"   data-theme="d">알림<span class="count_02">12</span></a>
            <a href="#" data-role="button"   data-theme="d" class="ui-btn-active">쪽지<span class="count_03">7</span></a> <!--메뉴인식 css style 부분-->
        </div><!-- // class="info_menu" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" class="info_letter_cont"> 
        <!--tab-->
         <div class="tab_menu tab_block">
             <ul class="on1"><!--메뉴인식 css style 부분 ( 받은 쪽지=on1 , 보낸 쪽지=on2, 쪽지 보관함=on3 ) -->
                 <li ><a href="letter.html"  >받은 쪽지함</a></li>
                 <li><a href="letter_send.html"  >보낸 쪽지함</a></li>
                 <li><a href="letter_keep.html"  >쪽지 보관함</a></li>
             </ul>
         </div>        
        
        <div class="info_letter">
            <!--전체 선택 / btn -->
            <div class="info_letter_ch ui-grid-a">
                <div class="ui-block-a">
                    <div data-role="fieldcontain">
                        <input type="checkbox" name="#" id="t_checkbox" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="t_checkbox">전체선택 </label>
                    </div>
                </div>
                
                <div class="ui-block-b">
                    <button data-theme="b" data-inline="true" id="letter_save_btn">보관</button>
                    <button data-theme="c" data-inline="true" id="letter_delete_btn">삭제</button>
                </div>
            </div><!-- //   class="info_letter_ch" 끝  -->
            
            <!--list-->        
            <ul data-role="listview" data-theme="c" id="letter_listview">
                <!-- 해당목록이 없을시 -->        
                <!--li class="no">쪽지 목록이 없습니다.</li-->
                
                <li>
                    <input type="checkbox" id="a1" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a1">체크box </label> 
                    <a href="letter_view.html"   class="mem"> <!-- 회원 일때--> 
                        <span class="state">회원</span>
                        <span class="tit">잭니클라우스</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>00:25</time>
                    </a>
                </li>

                <li>              
                    <input type="checkbox" id="a2" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a2">체크box </label> 
                    <a href="letter_view.html"   class="cl"><!-- 동호회 일때-->  
                        <span class="state">동호회</span>
                        <span class="tit">홀 인원 하는 그날까지 홀 인원 하는 그날까지홀 인원 하는 그날까지</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>15:10</time>
                    </a>
                </li>
                
                <!-- 동호회 일때-->
                <li class="visit"> <!-- 방문 기록 있을때 css 부분-->            
                    <input type="checkbox" id="a3" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a3">체크box </label> 
                    <a href="letter_view.html"   class="cl"> <!-- 동호회 일때--> 
                        <span class="state">동호회</span>
                        <span class="tit">홀 인원 하는 그날까지 홀 인원 하는 그날까지홀 인원 하는 그날까지</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>06.21</time>
                    </a>
                </li>                

                <li>              
                    <input type="checkbox" id="a4" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a4">체크box </label> 
                    <a href="letter_view.html"   class="mem">  <!-- 회원 일때-->
                        <span class="state">회원</span>
                        <span class="tit">잭니클라우스</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>07.01</time>
                    </a>
                </li> 
                
                <li>              
                    <input type="checkbox" id="a5" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a5">체크box </label> 
                    <a href="letter_view.html"   class="mem"><!-- 회원 일때-->  
                        <span class="state">회원</span>
                        <span class="tit">잭니클라우스</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>07.10</time>
                    </a>
                </li>
                
                <!-- 동호회 일때-->
                <li>              
                    <input type="checkbox" id="a6" data-mini="true" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                    <label for="a6">체크box </label> 
                    <a href="letter_view.html"   class="cl"> <!-- 동호회 일때--> 
                        <span class="state">동호회</span>
                        <span class="tit">홀 인원 하는 그날까지 홀 인원 하는 그날까지홀 인원 하는 그날까지</span>
                        <span class="sub">내용이 노출됩니다. 내용이 노출됩니다.내용이 노출됩니다. 내용이 노출됩니다.</span>  
                        <time>.07.21</time>
                    </a>
                </li>  
            </ul>
         </div><!-- //  class="info_letter" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none" id="letter_add_btn"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  --> 
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
